@charset "utf-8";

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#151875; text-decoration:none; }

address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }

/* css base */
body { background:url(../images/body_bg.jpg) repeat-x top; font-family:"微软雅黑"; font-size:14px; color:#666; text-align:center; line-height:1.8;}
.wrapper { width:980px; margin:0 auto; text-align:left; background:#FFF;}
.left{ float:left;}
.right{ float:right;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { +display:none; clear:both;}

/*头部*/

.head{ background-color:#fefefe;}
.header{ width:1200px; margin:0 auto; height:87px;}
.logo{ float:left; margin-top:7px;}
.logo img{}

.header_right{ float: right; margin-right:70px;}
.head_tit{ float:left; height:87px; margin-right:30px;}
.head_tit p{ float:left; padding-top:32px; height:15px;}
.head_tit a{ display:block; color:#050505; border-right:1px solid #000; height:18px; line-height:18px; padding:0 10px;}

.head_line{ float:left; margin-top:21px; border-left:2px solid #dfdfdf; width:270px; line-height:20px; background:url(../images/line_pic.jpg) 35px 5px no-repeat; padding-left:30px;}
.he_line{ color:#000;} 
.he_mail{ color:#b39ea0;}
.lead{ height:46px; background-color:#da2419;}
.leader{ margin:0 auto; width:1200px; height:46px; }
.leader li{ height:46px;  float:left;  background:url(../images/lead_border.jpg) right no-repeat;}
.leader li:nth-child(7){ background:none;}
.leader li a{ display:block; color:#FFF; height:51px;  top:-5px; left:0; padding:0 30px; line-height:51px; float:left; position:relative;}



.nav{height:46px; line-height:46px;  position:relative; z-index:1;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline;  }
		.nav .nLi h3{ float:left;  }
		.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }
		.nav .sub{ display:none; left:0; top:46px;  position:absolute; background:#fff;  padding:5px 0; height:51px;}
		.nav .sub li{ zoom:1; background:none; height:40px; float:left; display: inline; }
		.nav .sub li a{ display:inline-block; padding:0; float:left; padding:0 30px; background:none;margin:0; height:40px; line-height:40px; color:#000; margin:10px;}
		.nav .sub li a:hover{ background:#6d6d6d; color:#fff;  padding:0 30px; margin:0; margin:10px;}
		.nav .on>a{ background:url(../images/lead_hover.png) center -4px no-repeat; background-size:85%;}


.zhnavbox{ width:100%;  background-color:#da2419; height:46px;}
.zhnav{ width:1200px; margin:0 auto;}
.zhnav li{ float:left; background:url(../images/lead_border.jpg) right no-repeat; line-height:46px; height:46px;}
.zhnav li:nth-child(7){ background:none;}
.zhnav li a{ display:block; width:135px; line-height:46px; color:#fff; position:relative; z-index:1;}
.zhsub{ position:absolute; z-index:4; display:none;}
.zhsub li{ float:left; margin:10px 10px 0 0;}
.zhsub li a{ float:left; width:100px; color:#333; line-height:35px;}
.zhsub li a:hover{ color:#FFF; background-color:#d9251d;}
.zhnavbg{ position: absolute;left: 0;top:133px;z-index: 1;display: none; width: 100%; height: 60px; background-color: #fff;border-bottom: 1px solid #ECECEC; z-index:3;}

.navhover{ display:none;}
.zhnav li.on span{ position:relative; z-index:2;}
.zhnav li.on .navhover{ display: block; position:absolute; top:-5px; left:28px; z-index:1; height:51px; overflow:hidden;}


/*banner*/


.banner{ overflow:hidden; width:100%; }

/* 本例子css */
.slideBoxx{ width:100%; overflow:hidden; position:relative; background: #fff;}
.slideBoxx .hd{ height:15px; overflow:hidden; position:absolute; bottom:5px; z-index:1; left:43%;}
.slideBoxx .hd ul{ overflow:hidden; zoom:1; }
.slideBoxx .hd ul li{ float:left; margin-right:10px;  width:11px; height:11px; line-height:14px; text-align:center; background:#7d919d; cursor:pointer; border-radius:15px;}
.slideBoxx .hd ul li.on{ background:#fdd055; width:40px; height:10px; border-radius:10px;}
.slideBoxx .bd{ margin: 0 auto; position: relative; z-index: 0; overflow: hidden;   }
.slideBoxx .bd ul{ margin:0 auto;}
.slideBoxx .bd li{ zoom:1; width:100%;}
.slideBoxx .bd li a { display: block; width:100%; height:100%; }
.slideBoxx .bd li a img{ width:100%; text-align:center; height:100%;}
@media screen and (min-width:1200px) and (max-width:1500px){.slideBoxx .bd ul{ min-height:420px;}}
@media screen and (min-width:1000px) and (max-width:1200px){.slideBoxx .bd ul{ min-height:350px;}}
@media screen and (min-width:768px) and (max-width:1000px){.slideBoxx .bd ul{ min-height:270px;}}
@media(max-width:768px){ .slideBoxx .bd ul{ min-height:100px;}}



/*index*/
.about_us{ width:1200px; margin:0 auto; padding-top:0; overflow:hidden;}
.intr_box{ float:left; width:1200px;}
.intr_box h2{ font-size:30px; color:#000; line-height:40px;}
.intr_box font{ color:#c91a21;}
.intr_box span{ display:block; font-size:18px; color:#999999; border-bottom:1px solid #cf1b25; width:12%; margin:0 44%; padding-bottom:0px;}
.intr_box p{ font-size:15px; color:#999999; line-height:36px;}

.ab_content{ margin:5px auto 0;  width:1120px; height:265px; }
.inpro_pic{ float:left; width:375px; padding-top:5px;}
.inpro_pic img{ border:3px solid #d7d7d7;}
.cont_left{ float:left; width:495px; line-height:34px; position:relative; margin:0 10px 0 20px;  height:265px;}
.cont_left p{ text-align:left; color:#000000; margin-left:0px; font-size:14px; line-height:27px; text-align:justify;}
.ab_det{ height:36px; width:100px; background:#c1c1bf; position:absolute; bottom:-5px; right:0px; line-height:36px;}
.ab_det a{ display:block; color:#FFF; line-height:36px;}
.cont_right{ float: right; width:220px; margin-top:0;}
.cont_right ul{}
.cont_right li{ float:left;}
.cont_right a{ display:block; height:110px; width:110px; line-height:180px; color:#da2419;}
.culture{ background:url(../images/hover_pic.png) 33px 20px no-repeat;}
.culture:hover{ background:url(../images/hover.jpg) -16px -4px no-repeat; color:#f0f2f3;}
.internet{ background:url(../images/hover_pic1.png) 30px 20px no-repeat;}
.internet:hover{ background:url(../images/hover1.jpg) -10px -7px no-repeat; color:#f0f2f3;}
.product{ background:url(../images/hover_pic2.png) 30px 20px no-repeat;}
.product:hover{ background:url(../images/hover2.jpg) -10px 0 no-repeat; color:#f0f2f3;}
.marketing{ background:url(../images/hover_pic3.png) 30px 20px no-repeat;}
.marketing:hover{ background:url(../images/hover3.jpg)  -10px 0 no-repeat; color:#f0f2f3;}




/*index_new*/
.about_box{ background:#f3f3f3; width:100%; overflow:hidden;}
.indnew_boxs{ background:#f3f3f3;}
.index_new{ width:1200px; margin:0 auto; padding-top:10px; overflow:hidden; padding-bottom:0;}
.intr_boxs h2{ font-size:30px; color:#000; line-height:40px;}
.intr_boxs font{ color:#c91a21;}
.intr_boxs span{ display:block; font-size:18px; color:#999999; border-bottom:1px solid #cf1b25; width:13%; margin:0 43.5%; padding-bottom:0px;}
.intr_boxs p{ font-size:15px; color:#999999; line-height:40px;}

        .indnew_picbox{ float:left; border:1px solid #7c7c7c; margin-left:40px;}
		.online_box{ background:#525252;}
        .tit_name{ height:60px; font-size:21px; color:#fff; line-height:50px; text-align:left; padding-left:90px; background:url(../images/index_finger.png) no-repeat; border-bottom:1px solid #343434;}
		.number{ height:30px; color:#fff; font-size:16px; text-align:left; padding-left:10px;}
		.spic_picbox{ height:330px; width:277px;}
		.spic_picbox img{ width:100%; height:100%;}
		.slideTxtBox{ margin-left:20px; overflow:hidden; float:left; width:820px; height:350px;}
		.slideTxtBox .hd{ height:35px; line-height:35px; position:relative; background:#525252;}
		.slideTxtBox .hd ul{ float:left;  position:absolute; height:32px;}
		.slideTxtBox .hd ul li{ float:left; padding:0 50px; cursor:pointer; color:#FFF; }
		.slideTxtBox .hd ul li.on{ height:35px; background:url(../images/index_conthover.png)  45px 5px  no-repeat;}
		.slideTxtBox .bd{ margin-top:16px; display:block; float:left;}
		.slideTxtBox .bd ul{}
		.slideTxtBox .bd .necon_left{ float:left; position:relative; width:440px;}
		.sm_banti{ position:absolute; bottom:0px; background-color:#000; opacity:0.7;filter:alpha(opacity=70); width:100%;}
		.sm_banti a{ display:block; color:#FFF; font-size:16px; padding:0;}
        .necon_right{ float:right;}
		.necon_right a{ display:block;}
		.necon_main{ overflow:hidden; margin-bottom:7px; background: #e9e9e9; width:380px;}
		.innew_tits{ background:url(../images/ne_pics.png) 10px 5px no-repeat; font-size:18px; padding-top: 5px; padding-bottom:5px;}
		.innew_tits h2{ border-bottom:1px solid #cf1b25; color:#333333; font-size:18px; padding-left:20px; text-align:left; padding-left:90px; }
        .innew_cons p{ color:#999999; text-align:left; padding-left:15px;}
		.show_time{ text-align:right; padding-right:20px; color:#999999; font-size:12px;}



/*common_content*/
.common_box{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; margin-bottom:60px;}	
.combox_left{ width:250px; float:left; margin-left:50px;}
.sm_lead{ background:#da2419; padding:10px;}
.combox_left h2{ background:url(../images/ab_titbg.png) center no-repeat; height:40px; line-height:40px; border:2px solid #FFF; width:230px; font-size:18px; margin:0 auto; color:#FFF;}
.sm_lead li{ width:235px; height:40px; margin:0 auto;}
.sm_lead li a{ display:block; background:url(../images/lead_boright.jpg) 18px 12px no-repeat; color:#FFF; height:40px; line-height:35px; border-bottom:1px dashed #FFF; margin-top:10px; margin-bottom:10px; text-align:left; padding-left:40px;}

.sm_lead li a:hover,.sm_lead li a.hover{ background:url(../images/hover_bg.jpg) no-repeat;}
.common_line{ margin-top:30px; border:1px solid #da2419;}
.line_pic{ padding:5px;}
.common_line{ text-align:left; color:#323232;}
.common_line p{ padding-left:10px;}

.combox_right{ float:left; width:820px; margin-left:30px;}
.combox_right h2{ text-align:left; color:#FFF; height:40px; background:url(../images/ab_tit.jpg) no-repeat; padding-left:25px; line-height:35px;}
/*about_us*/
.synopsis{ text-align:left; line-height:30px;}
.patent{ margin-top:40px; overflow:hidden;}
.pat_left{ float:left;}
.pat_left span{ display:block; text-align:left;}
.pat_left p{ text-align:left; padding-left:25px; border-left:4px solid #da2419; margin-top:15px; margin-bottom:15px; line-height:20px;}
.pat_right{ float:right;}
.patent_two{ overflow:hidden; margin-top:30px;}
.pattwo_pic{ float:left; margin-right:20px;}
.pat_text{ float:right; text-align:left; line-height:30px; width:460px;}

/*new_center*/
.new_content{ overflow:hidden; margin-top:30px;}
.new_date{ float:left; border:1px solid #dfdfdf; width:80px;}
.new_date font{ font-size:24px;}

.ne_con{ float:right; border:1px solid #dfdfdf; width:700px; padding:10px;}
.ne_con a{ display:block; color:#555555;}
.ne_con span{ display:block; text-align:left; font-size:16px;}
.ne_con p{ text-align:left;}

/*priduct*/
.product_list{ margin-top:30px;}
.product_list li{ float:left; width:260px; margin:0.65%; border:1px solid #ccc;}
.product_list li a{ display:block; color:#FFF;}
.product_smbox{ background:#da2419; height:20px; line-height:20px; margin-top:5px;}
.product_smbox p{ height:20px; background:url(../images/icon.png)230px 3px no-repeat;}


/*pro_details*/
.pro_show{ overflow:hidden; margin-top:20px;}
.pro_ban{ margin:0 auto;}
.details_text{ float:left; margin-left:15px; text-align:left;}
.protext_details{ margin-top:30px;}



/* 本例子css protext_details*/
		.slideTxtBoxs{ text-align:center;  }
		.slideTxtBoxs .hd{ height:40px; line-height:35px; background:#da2419;   position:relative; }
		.slideTxtBoxs .hd ul{ float:left;  position:absolute;}
		.slideTxtBoxs .hd ul li{ float:left; width:232px; margin:0 20px; cursor:pointer; color:#FFF;}
		.slideTxtBoxs .hd ul li.on{ height:40px;  background:#525252;}
		.slideTxtBoxs .bd ul{  min-height:150px; text-align:left; padding-left:0px; padding-top:10px;}
		
		

		


/* 本例子css pro_show */
		.picFocus{ margin:0 auto;  padding:5px;  position:relative;  overflow:hidden;  zoom:1; width:492px;  }
		.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden;width:492px; }
		.picFocus .hd ul{  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ padding:3px; margin:0 4px 0 0; float:left;  text-align:center; border:1px solid #ccc;  }
		.picFocus .hd ul li img{ cursor:pointer;   }
		.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
		.picFocus .hd ul li.on img{ border-color:#f60;  }
		.picFocus .bd li{ vertical-align:middle; border:1px solid #ccc; }
		.picFocus .bd img{ width:100%; display:block;  }
		
/*cont_box*/
.cont_box{ width:1200px; margin:0 auto; margin-top:30px; margin-bottom:60px;}
.cont_box h2{ height:40px; text-align:left; padding-left:80px; line-height:35px; color:#FFF; background:url(../images/contit_bg.jpg) 50px 0 no-repeat;}
.cont_content{ margin-top:20px; overflow:hidden;}
.map{ float:left; margin-left:110px;}
.cont_conway{ margin-left:40px; float:left;}
.cont_conway p{ text-align:left; padding-left:70px; line-height:70px; color:#323232; margin-bottom:50px;}
.line_one{ background:url(../images/con_linepic.jpg)0 10px no-repeat; }
.line_two{ background:url(../images/con_linepic1.jpg)5px 10px no-repeat;}
.line_three{ background:url(../images/con_linepic2.jpg)10px 10px no-repeat; }
/* -- sub page -- */

/*浮动客服*/
.contactusdiyou {position: fixed; right: -60px; width: 60px;  background:#da2419; top:30%; z-index:999;}
.contactusdiyou .hoverbtn{width:30px; height:30px; cursor: pointer; position:absolute; top:45%;left:-30px;  background:url(../images/show_icon.png)20px 0 no-repeat;}
.contactusdiyou:hover .hoverbtn{ background:url(../images/hidden_icon.png)17px 0 no-repeat;}

.conter{ position:relative;width: 60px;}
.con1{ position: relative; top:0; left:0; z-index:88; background:#da2419; }
.l_call{ position:absolute; top:70px; left:0; background-color:#da2419; color:#fff; width:150px; height:50px; line-height:50px; font-size:20px; z-index:87;}
.l_contact{ position:absolute; top:160px; left:0; background-color:#da2419; color:#fff; width:116px; height:116px; z-index:87;}
.l_contact img{ border:5px solid #fff;} 

.on_call{ height:70px; line-height:110px; border-bottom:1px solid #6d0600;}
.on_call a{ display:block; font-size:12px; color:#FFF; background:url(../images/index_hidden.png)15px 15px no-repeat;}
.phone_call{ height:70px; line-height:110px; border-bottom:1px solid #6d0600; border-top:1px solid #ff473d; }
.phone_call a{ display:block; font-size:12px; color:#FFF; background:url(../images/index_hidden1.png)17px 14px no-repeat;}
.connect_us{ height:70px; line-height:110px; border-bottom:1px solid #6d0600; border-top:1px solid #ff473d;}
.connect_us a{ display:block; font-size:12px; color:#FFF; background:url(../images/index_hidden2.png)19px 13px no-repeat;}
.company_add{ height:70px; line-height:110px; border-top:1px solid #ff473d;}
.company_add a{ display:block; font-size:12px; color:#FFF;  background:url(../images/index_hidden3.png)21px 10px no-repeat;}


	

/* -- page footer -- */
.footer{ background:#525252; overflow:hidden;}
.foot_one{ margin:0 auto; width:1200px; overflow:hidden; padding-bottom:10px; }
.the_first{ float:left; border-right:1px solid #333333; margin-top:17px; width:472px; height:125px;}
.ones{ float:left; width:157px;}
.the_first a{ display:block; color:#FFF; line-height:25px;}
.the_first .spical{ color:#a5a5a5;}
.the_second{ float:left; color:#a5a5a5; margin-top:17px; border-left:1px solid #333333; text-align:left; line-height:33px;  width:421px; padding-left:51px; height:125px;}
.the_second font{ color:#FFF; font-size:20px; }
.the_third{ float:left; margin-top:17px; width:254px; height:125px;}
.the_third img{ border:5px solid #fff; }
.foot_two{ border-top:1px solid #4a4a4a; line-height:40px; color:#9c9c9c;}